<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=0"/>
	</head>
	<body>
		<div class="head">
			<div class="head-top">
				<div class="fl head-logo">
					<img src="img/1.png" >
				</div>
				<div class="fr head-right">
					<i class="icon-1"></i>
				</div>
				<div class="search">
					<i class="fl icon-2"></i>
					<a href="" class="fl a-1">搜索商品名称</a>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="head-bottom">
				<div class="head-bottom-title">
					<ul>
						<li>
							<a href="" class="head-bottom-title-a">推荐</a>
						</li>
						<li>
							<a href="">手机</a>
						</li>
						<li>
							<a href="">智能</a>
						</li>
						<li>
							<a href="">电视</a>
						</li>
						<li>
							<a href="">笔记本</a>
						</li>
						<li>
							<a href="">家电</a>
						</li>
						
						<div class="clear"></div>
					</ul>
				</div>
				<div class="head-bottom-right">
					<i class="icon-3"></i>
				</div>
			</div>
		</div>
		<div class="menu">
			<div class="menu-top">
				<img src="./img/1.jpg" >
			</div>
			<div class="menu-nav">
				<ul>
					<li><a href="miaosha.html"><img src="img/5.png" ></a></li>
					<li><img src="img/6.webp" ></li>
					<li><img src="img/7.webp" ></li>
					<li><img src="img/8.webp" ></li>
					<li><img src="img/9.webp" ></li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li><img src="img/10.webp" ></li>
					<li><img src="img/11.png" ></li>
					<li><img src="img/12.png" ></li>
					<li><img src="img/13.webp" ></li>
					<li><img src="img/14.png" ></li>
					<div class="clear"></div>
				</ul>
			</div>
			<div class="menu-bottom">
				<div class="menu-bottom-title">
					<div class="fl menu-bottom-left">
						<img src="img/15.webp" >
					</div>
					<div class="fr menu-bottom-right">
						<img src="img/16.webp" >
						<img src="img/17.webp" >
					</div>
					<div class="clear"></div>
				</div>
				<div class="menu-bottom-img">
					<img src="img/18.webp" >
				</div>
				<div class="menu-bottom-img">
					<img src="img/19.webp" >
				</div>
			</div>
		</div>
		<div class="column">
			<div class="column-img">
				<div class="fl column-img-left">
					<img src="img/2.jpg" >
				</div>
				<div class="fr column-img-right">
					<img src="img/3.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left">
					<ul>
						<li class="column-title-1">小米10 Pro</li>
						<li class="column-title-2">骁龙865 / 50倍变焦</li>
						<li class="column-title-3">¥4999 起</li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="fr column-title-right">
					<ul>
						<li class="column-title-1">小米10</li>
						<li class="column-title-2">骁龙865/1亿像素相机</li>
						<li class="column-title-3">¥3700 起&nbsp;<span>¥3999</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-img">
				<div class="fl column-img-left">
					<img src="img/4.jpg" >
				</div>
				<div class="fr column-img-right">
					<img src="img/5.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left">
					<ul>
						<li class="column-title-1">Redmi K30 4G</li>
						<li class="column-title-2">120Hz流速屏，全速热爱</li>
						<li class="column-title-3">¥1399 起&nbsp;<span>¥1699</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="fr column-title-right">
					<ul>
						<li class="column-title-1">Redmi K30 5G</li>
						<li class="column-title-2">双模5G，120Hz流速屏</li>
						<li class="column-title-3">¥1599 起 <span>¥2299</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-img">
				<div class="fl column-img-left">
					<img src="img/6.jpg" >
				</div>
				<div class="fr column-img-right">
					<img src="img/7.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left">
					<ul>
						<li class="column-title-1">Redmi Note 8 Pro</li>
						<li class="column-title-2">6400万全场景四摄</li>
						<li class="column-title-3">¥1299 起&nbsp;<span>¥1599</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="fr column-title-right">
					<ul>
						<li class="column-title-1">Redmi Note 8</li>
						<li class="column-title-2">千元4800万四摄</li>
						<li class="column-title-3">¥899 起 <span>¥999</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-bottom">
				<a href="">更多小米手机产品 ></a>
			</div>
		</div>
		<div class="content"></div>
		<div class="column">
			<div class="column-img">
				<img src="img/20.webp" >
				<div class="fl column-img-left">
					<img src="./img/21.webp" >
				</div>
				<div class="fr column-img-right">
					<img src="./img/22.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left">
					<ul>
						<li class="column-title-1">小米电视4A 65英寸</li>
						<li class="column-title-2">4K HDR，人工智能语音系统</li>
						<li class="column-title-3">¥2699 起&nbsp;<span>¥2999</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="fr column-title-right">
					<ul>
						<li class="column-title-1">小米电视4X 43英寸</li>
						<li class="column-title-2">FHD全高清屏，人工智能语音</li>
						<li class="column-title-3">¥1399 起&nbsp;<span></span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-img">
				<div class="fl column-img-left">
					<img src="./img/23.jpg" >
				</div>
				<div class="fr column-img-right">
					<img src="./img/24.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left">
					<ul>
						<li class="column-title-1">小米电视4C 50英寸</li>
						<li class="column-title-2">4K HDR，钢琴烤漆</li>
						<li class="column-title-3">¥1799&nbsp;<span></span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="fr column-title-right">
					<ul>
						<li class="column-title-1">小米电视4C 55英寸</li>
						<li class="column-title-2">4K HDR，人工智能系统</li>
						<li class="column-title-3">¥2099&nbsp;<span></span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-img">
				<div class="fl column-img-left">
					<img src="./img/25.jpg" >
				</div>
				<div class="fr column-img-right">
					<img src="./img/26.png" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left">
					<ul>
						<li class="column-title-1">小米电视4A 32英寸</li>
						<li class="column-title-2">人工智能系统，高清液晶屏</li>
						<li class="column-title-3">¥899&nbsp;<span></span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="fr column-title-right">
					<ul>
						<li class="column-title-1">小米电视4A 50英寸</li>
						<li class="column-title-2">4K HDR，人工智能语音系统</li>
						<li class="column-title-3">¥1799&nbsp;<span></span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="column-bottom-1">
			<a href="">更多小米电视产品 ></a>
		</div>
		<div class="content"></div>
		<div class="column">
			<div class="column-img">
				<img src="./img/a1.webp" >
				<img src="./img/a2.webp" >
				<div class="fl column-img-left">
					<img src="img/a3.jpg" >
				</div>
				<div class="fr column-img-right">
					<img src="img/a4.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left">
					<ul>
						<li class="column-title-1">Air 13.3" 2019款</li>
						<li class="column-title-2">新一代独立显卡</li>
						<li class="column-title-3">¥5499 起&nbsp;<span>¥5999</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="fr column-title-right">
					<ul>
						<li class="column-title-1">小米笔记本15.6" MX...</li>
						<li class="column-title-2">全面均衡的国民轻薄本</li>
						<li class="column-title-3">¥3799 起&nbsp;<span>¥4299</span></li>
					</ul>
					<div class="column-button">
						<span>立即购买</span>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-bottom">
				<a href="">更多小米笔记本产品 ></a>
			</div>
		</div>
		<div class="content"></div>
		<div class="column">
			<div class="column-img">
				<img src="./img/b1.webp" >
				<img src="./img/b2.webp" >
				<div class="fl column-img-left-kt">
					<img src="img/b3.webp" >
				</div>
				<div class="fl column-img-right-kt">
					<img src="./img/b4.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left-kt">
					<ul>
						<li class="column-title-1">变频 | 米家互联网空调...</li>
						<li class="column-title-2">变频节能，高效制冷热</li>
						<li class="column-title-3">¥2099 起&nbsp;<span>¥2699</span></li>
					</ul>
					<!-- <div class="column-button">
						<span>立即购买</span>
					</div> -->
				</div>
				<div class="fl column-title-right-kt">
					<ul>
						<li class="column-title-1">米家洗烘一体机Pro</li>
						<li class="column-title-2">智能洗烘，省心省力</li>
						<li class="column-title-3">¥2999 起&nbsp;<span>¥3299</span></li>
					</ul>
					<!-- <div class="column-button">
						<span>立即购买</span>
					</div> -->
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-img">
				<div class="fl column-img-left-kt">
					<img src="./img/b5.webp" >
				</div>
				<div class="fl column-img-right-kt">
					<img src="./img/b6.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left-kt">
					<ul>
						<li class="column-title-1">定频 | 米家空调 大1匹</li>
						<li class="column-title-2">出众静音，快速制冷热</li>
						<li class="column-title-3">¥1499&nbsp;<span>¥1799</span></li>
					</ul>
					<!-- <div class="column-button">
						<span>立即购买</span>
					</div> -->
				</div>
				<div class="fl column-title-right-kt">
					<ul>
						<li class="column-title-1">米家互联网洗烘一体机...</li>
						<li class="column-title-2">烘干除菌率达99.9%</li>
						<li class="column-title-3">¥1999&nbsp;<span>¥2299</span></li>
					</ul>
					<!-- <div class="column-button">
						<span>立即购买</span>
					</div> -->
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-img">
				<div class="fl column-img-left-kt">
					<img src="./img/b7.webp" >
				</div>
				<div class="fl column-img-right-kt">
					<img src="./img/b8.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="column-title">
				<div class="fl column-title-left-kt">
					<ul>
						<li class="column-title-1">自清洁 | 米家互联网空...</li>
						<li class="column-title-2">变频节能省电，自清洁</li>
						<li class="column-title-3">¥2099&nbsp;<span>¥2699</span></li>
					</ul>
					<!-- <div class="column-button">
						<span>立即购买</span>
					</div> -->
				</div>
				<div class="fl column-title-right-kt">
					<ul>
						<li class="column-title-1">Redmi全自动波轮洗衣...</li>
						<li class="column-title-2">一键操作，父母都爱用</li>
						<li class="column-title-3">¥799&nbsp;<span>¥899</span></li>
					</ul>
					<!-- <div class="column-button">
						<span>立即购买</span>
					</div> -->
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="column-bottom-1">
			<a href="">更多小米家电产品 ></a>
		</div>
		<div class="content"></div>
		<div class="column">
			<div class="column-img">
				<img src="img/c1.jpg" >
			</div>
		</div>
		<div class="content-1"></div>
		<div class="column">
			<div class="column-img">
				<img src="img/c2.webp" >
			</div>
		</div>
		<div class="tab">
			<div class="tab-title">
				<div class="fl tab-title-left">
					<img src="img/d1.jpg" >
				</div>
				<div class="fl tab-title-right">
					<ul>
						<li class="tab-title-right-li-1">米家直流变频落地扇1X</li>
						<li class="tab-title-right-li-2">模拟自然风算法 支持AI语音</li>
						<li class="tab-title-right-li-3">¥299<span></span></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<div class="tab-title">
				<div class="fl tab-title-left">
					<ul>
						<li class="tab-title-right-li-1">小爱音箱万能遥控版</li>
						<li class="tab-title-right-li-2">传统家电秒变智能</li>
						<li class="tab-title-right-li-3">¥149&nbsp;<span>¥199</span></li>
					</ul>
				</div>
				<div class="fl tab-title-right">
					<img src="img/d2.jpg" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="tab-title">
				<div class="fl tab-title-left">
					<img src="img/d3.jpg" >
				</div>
				<div class="fl tab-title-right">
					<ul>
						<li class="tab-title-right-li-1">米家照片打印机</li>
						<li class="tab-title-right-li-2">手机即拍即印</li>
						<li class="tab-title-right-li-3">¥499<span></span></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="column-bottom-2">
			<a href="">更多米家智能产品 ></a>
		</div>
		<div class="content"></div>
		<div class="list">
			<div class="list-title">
				<div class="fl list-title-left">
					<img src="img/e1.webp" >
				</div>
				<div class="fr list-title-right">
					<img src="img/e2.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="list-title">
				<div class="fl list-title-left">
					<img src="img/e3.webp" >
				</div>
				<div class="fr list-title-right">
					<img src="img/e4.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="list-title">
				<div class="fl list-title-left">
					<img src="img/e5.webp" >
				</div>
				<div class="fr list-title-right">
					<img src="img/e6.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<img src="img/e7.webp" >
		</div>
		<div class="column-bottom-3">
			<a href="">了解小米 ></a>
		</div>
		<div class="bottom-1">
			<div class="bottom">
				<div class="bottom-title">
					<div class="bottom-title-icon">
						<a href="index.html"><i class="icon-4"></i></a>
						<div class="icon-title">
							<a href="index.html"><span>首页</span></a>
						</div>
					</div>
					<div class="bottom-title-icon">
						<a href=""><i class="icon-5"></i></a>
						<div class="icon-title">
							<a href=""><span>分类</span></a>
						</div>
					</div>
					<div class="bottom-title-icon">
						<a href=""><i class="icon-6"></i></a>
						<div class="icon-title">
							<a href=""><span>星球</span></a>
						</div>
					</div>
					<div class="bottom-title-icon">
						<a href=""><i class="icon-7"></i></a>
						<div class="icon-title">
							<a href=""><span>购物车</span></a>
						</div>
					</div>
					<div class="bottom-title-icon">
						<a href="wode.html"><i class="icon-8"></i></a>
						<div class="icon-title">
							<a href="wode.html"><span>我的</span></a>
						</div>
					</div><div class="clear"></div>
				</div>
			</div>
		</div>
	</body>
</html>
